
EmaMobile.views.Menu = Ext.extend( Ext.Panel, {
    
    initComponent : function() {
      
        this.aideText;

        this.button_aide =  new Ext.Button({
                iconCls: 'search',
                iconMask: true,
                iconAlign:'center',
                margin:'0 10 0 0',
                align:'center',     
            });
        this.button_home =  new Ext.Button({
                iconCls: 'home',
                iconMask:true,
                iconAlign:'center',
                margin:'0 10 0 0', 
                align:'center', 
            });
        this.button_option =  new Ext.Button({
                iconCls: 'settings',
                iconMask: true,
                iconAlign:'center',
                margin:'0 10 0 0', 
                align:'center', 
            });
        this.button_fermer =  new Ext.Button({
                iconCls: 'delete',
                iconMask: true,
                iconAlign:'center',
                align:'center', 

            }); 
        this.buttonsPanel = new Ext.Panel({
            baseCls : 'action-sheet-panel',
            layout : {
                type : 'hbox',
                align : 'center',
                pack : 'center',
            },
            height: 32,
            items: [this.button_aide, this.button_home, this.button_option, this.button_fermer]
        });

        
        
        this.actionSheet = new Ext.ActionSheet(
                {
                    hideOnMaskTap: true,
                    items : [this.buttonsPanel]
                });

        EmaMobile.views.Menu.superclass.initComponent.call(this);
        
    },
    
    setAuthentificationMenu : function (){
        this.button_aide.addListener('tap',function(button, event){
            EmaMobile.views.menu.aide();
        });
        this.button_home.addListener('tap',function(button, event){
            EmaMobile.views.menu.accueil();
        });
        this.button_option.addListener('tap',function(button, event){
            EmaMobile.views.menu.parametrer();
        });
        this.button_fermer.addListener('tap',function(button, event){
            EmaMobile.views.menu.quitter();
        });
        this.aideText = '<div>Entrez les donn&eacute;es d\'authentification :</div>'+
                        '<ul>'+
                            '<li>Plat-forme : L\'URL de la plat-forme EMa&Eacute;val o&ugrave;  la campagne est cr&eacute;&eacute;e</li>'+
                            '<li>Login : Login de l\'utilisateur avec des permissions d\'&eacute;valuation</li>'+
                            '<li>Mot de passe : Le mot de passe associ&eacute; au login</li>'+
                        '</ul>';       
        //griser accueil
        //griser Parametrer
        
    },
    
    setListeCampagnes : function (){

        this.aideText = '<div>Ceci est la liste des campagnes d\'&eacute;valuation directe en cours auxquelles vous participez.</div>'+
        '<div>Choisissez une campagne en cliquant sur la fl&egrave;che</div>';       
        //griser accueil
    },
    setTaches : function (){

        this.aideText = '<div>Ceci est la liste des t&acirc;ches d\'&eacute;valuation en cours correspondant &agrave; la campagne choisie.</div>'+
        '<div>Choisissez une t&acirc;che en cliquant sur la fl&egrave;che</div>';       
    },
    setEvaluation : function (){
        
        this.aideText = '<div>Pour &eacute;valuez les candidats :</div>'+
        '<div>Cochez au moins un candidat et une comp&eacute;tence et mettez une note</div>'+
        '<div>Pour mettre une note d&eacute;placez l\'&eacute;chelle ou introduisez-la directement dans le cadre en dessous de l\'&eacute;chelle</div>';       

    },
    setFirstPageMenu:function (){
        
        this.aideText = '<div>Ici on est dans le menu d\'accueil et on choisi ce que l\'on veut consulter</div>'; 
    },
    setReferenceMenu:function (){
        
        this.aideText = '<div>Ici tu peux voir tes notes par reference</div>'; 
    },
    fermer : function() {
        
        Ext.dispatch({
            controller: EmaMobile.controllers.controller,
            action: 'hide-menu',                                       
        });
    },
    aide : function() {
        
        Ext.dispatch({
            controller: EmaMobile.controllers.controller,
            action: 'hide-menu',                                       
        });
        
        Ext.dispatch({
            controller: EmaMobile.controllers.controller,
            action: 'aide',
            text: this.aideText,
        });
    },
    accueil : function() {
        
        if(EmaMobile.views.viewPort.getActiveItem() != EmaMobile.views.authentificationView && EmaMobile.views.viewPort.getActiveItem() != EmaMobile.views.listeCampagnesView){
            Ext.dispatch({
                controller: EmaMobile.controllers.controller,
                action: 'hide-menu',                                       
            });
            
            Ext.dispatch({
                controller: EmaMobile.controllers.controller,
                action: 'first-page',
                response: EmaMobile.views.listeCampagnesView.jsonResponse,
                updateCampagnes: true,
                direction : 'right'
            });
        }
    },
    
    parametrer : function() {
        if(EmaMobile.views.viewPort.getActiveItem() != EmaMobile.views.authentificationView){
            Ext.dispatch({
                controller: EmaMobile.controllers.controller,
                action: 'hide-menu',                                       
            });
            
            Ext.dispatch({
                controller: EmaMobile.controllers.controller,
                action: 'authentification',
                parametrer : true,
                direction: 'right'
            });
        }
    },
    fermer : function() {
        
        Ext.dispatch({
            controller: EmaMobile.controllers.controller,
            action: 'hide-menu',                                       
        });
    },
    quitter : function() {
        
        Ext.dispatch({
            controller: EmaMobile.controllers.controller,
            action: 'hide-menu',                                       
        });
        
        Ext.dispatch({
            controller: EmaMobile.controllers.controller,
            action: 'exit',                                       
        });
    },
});